<%--
    Document   : consultadoRepososPermisos
    Created on : 18/11/2010, 07:16:49 AM
    Author     : dayana
--%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file='../Templates/security.jsp' %>
<script type="text/javascript">
    // Estas no cambian
    var offset = 0;
    var tam = 0;
    var limit = 0;

    listarReposos();
    listarReposos();

    function modificar(id){
        sendFormParam('agregarRepososPermisosForm','modificarRepososPermisos.do?id='+id,'center');
    }

    function eliminar(id){
        if(confirm("¿Esta Seguro que desea eliminar este Reposo/Permiso/Vacaciones?")){
            sendFormParam('agregarRepososPermisosForm','eliminarRepososPermisos.do?id='+id,'center');
        }
    }

    function listarReposos(){

        // Lo que va entre corchetes que si limit es lo que se pasa
        // al action y se captura con el request
        $.getJSON("ListarReposos.do",{limit: limit, offset: offset},
        function(data2) {

            if(limit != 0){
                $('#resultado').empty();
                var fila;
                  
                // Esto se hace para pintar el fondo de las filas pares e impares. (NO CAMBIA)
                $.each(data2.VerReposos , function(i,item){
                
                    if ( (i % 2) == 0){
                        fila = "<tr bgcolor = \"#fff\"> ";
                    }
                    else{
                        fila = "<tr bgcolor = \"#ecf2f6\">";
                    }

                    <%
                    String privilegio = (String) session.getAttribute("privilegio");
                    String administrador = "Administrador";
                    String director = "Director DSI";
                    String jefeApoyo = "Jefe Apoyo Administrativo";
                    String personal = "Personal Administrativo";

                    if (administrador.equals(privilegio) || director.equals(privilegio)
                        || jefeApoyo.equals(privilegio)) {%>
                    var string = fila +
                        "<td>"+item.condicion+"</td>"+
                        "<td>"+item.desde+"</td>"+
                        "<td>"+item.hasta+"</td>"+
                        "<td>"+item.infoAdicional+"</td>"+
                        "<td id ='td_edit' valign='middle' title='Modificar' onclick='modificar("+item.id+");'/>"+
                        "<td id='td_erase'  valign='middle' title='Eliminar' onclick='eliminar("+item.id+");'/>";
                    <%}else if(personal.equals(privilegio)){%>

                    var string = fila +
                        "<td>"+item.condicion+"</td>"+
                        "<td>"+item.desde+"</td>"+
                        "<td>"+item.hasta+"</td>"+
                        "<td>"+item.infoAdicional+"</td>"+
                        "<td id ='td_edit' valign='middle' title='Modificar' onclick='modificar("+item.id+");'/>";
                    <%}else{%>

                        var string = fila +
                        "<td>"+item.condicion+"</td>"+
                        "<td>"+item.desde+"</td>"+
                        "<td>"+item.hasta+"</td>"+
                        "<td>"+item.infoAdicional+"</td>";
                    <%}%>
                    string +=
                        "</tr>";
                    fila++;
                    $('#resultado').append(string)
                });
            }
            else{
                // Se pinta la tabla en la página. (Cambia en todos los script)
                // Lo unico que cambia en todos los script es el llamado a la función.
                $.each(data2.VerReposos , function(i,item){
                    tam = parseInt(item.tam);
                });
                limit = 10;
            }
        }
    );
        if(limit!=0){
            $("#currentpage").empty();
            $("#pagelimit").empty();
            $("#currentpage").append((offset/limit)+1);
            $("#pagelimit").append(Math.floor((tam-1)/limit)+1)
        }

    }

    // Se fija el número de páginas totales de la consulta (NO CAMBIA)
    function setLimit(piso){
        offset = 0;
        limit = parseInt(piso);
        listarReposos();
    }

    // Se fijan los alcances de las flechas primera, última, siguiente y anterior (NO CAMBIA)
    function setOffset(i, completo){
        if(completo && (i==-1)){
            offset = 0;
        }
        else if(completo && (i==1)){
            offset = Math.floor((tam-1)/limit)*limit;
        }
        else if(!completo && i==-1){
            if(offset>=limit){
                offset -= limit;
            }
        }
        else{ //!completo && i==1
            if(offset<tam-limit){
                offset += limit;
            }
        }
        listarReposos();
    }
</script>
<script type="text/javascript">
    // Este script determina que la primera vez que se ve la tabla (sin resultados),
    // el numero de paginas y la pagina actual serán 1. (NO CAMBIA)
    if(limit == 0){
        $("#currentpage").append(1);
        $("#pagelimit").append(1)
    }
</script>


<center>
    <h1 class="title">Gestión de Reposos/Permisos</h1>
    <p class="meta"></p>
    <h2>Consulta Reposos/Permisos/Vacaciones</h2>
    <br>

    <CENTER><html:errors property = "permiso_no_eliminado"/></CENTER>
    <CENTER><html:errors property = "permiso_eliminado"/></CENTER>
    <CENTER><html:errors property = "permiso_modificado"/></CENTER>
    <CENTER><html:errors property = "permiso_no_modificado"/></CENTER>
    <CENTER><html:errors property = "reposo_agregado"/></CENTER>
    <CENTER><html:errors property = "reposos_Vacia"/></CENTER>

    <CENTER><html:errors property = "ci_se_encuentra_de_permiso"/></CENTER>





    <logic:iterate id="it0"
                   name="agregarRepososPermisosForm"
                   property="permisos" length="1"
                   >

        <table>
            <tr>
                <td>Cédula:</td>
                <td>
                    <bean:write name="it0" property="ci"/>
                </td>
            </tr>
            <tr>
                <td>Nombre:</td>
                <td>
                    <bean:write name="it0" property="nombre"/>
                </td>
            </tr>
            <tr>
                <td>Apellido:</td>
                <td>
                    <bean:write name="it0" property="apellido"/>
                </td>
            </tr>
            <tr>
                <td>Vacaciones Pendientes:</td>
                <td>
                    <bean:write name="it0" property="vacaciones"/> día(s)
                </td>
            </tr>

        </table>
    </logic:iterate>


    <center>
        <br>

        <br>
        <table width="95%">
            <%-- AQUI COMIENZA LA IMPRESION DE LA TABLA DE RESULTADOS --%>
            <div id="consultarExt" style="overflow:auto">


                <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"  >
                    <thead>
                        <tr>
                            <th><h14>Condición</h14></th>
                            <th><h14>Desde</h14></th>
                            <th><h14>Hasta</h14></th>
                            <th><h14>Información Adicional</h14></th>
                    <%    if (administrador.equals(privilegio) || director.equals(privilegio)
                              || jefeApoyo.equals(privilegio)) {%>
                            <th><h14></h14></th>
                            <th><h14></h14></th>
                   <%} else if(personal.equals(privilegio)){%>
                            <th><h14></h14></th>
                    <%} else {
                                }
                    %>
                    </tr>
                    </thead>
                    <tbody id="resultado">
                    </tbody>

                </table>

            </div>
            <div style="clear: both;">&nbsp;</div>


            <%-- Aquí se manejan las flechas, cantidad de paginas a mostrar y numero de pagina --%>
            <%-- esto no es necesario cambiarlo --%>
            <%@ include file='paginasTabla.jsp' %>

        </table>

        <br/>
    </center>
    <div style="clear: both;">&nbsp;</div>

</center>







